const app = getApp();
Page({
    /**
     * 页面的初始数据
     */
    data: {
      chooseEmpty:false,
      bgurl:'',
      list:[        
        {id:1,style_name:'收藏',style_id:"collect",isClick:false,},
        {id:2, style_name:"推荐", style_id:"", isClick:true},
        {id:3, style_name:"星星", style_id:"star", isClick:false},
        {id:4, style_name:"明星", style_id:"idol", isClick:false},
        {id:5, style_name:"复古", style_id:"oldschool", isClick:false},
        {id:6, style_name:"花", style_id:"flower", isClick:false},
        {id:7, style_name:"爱情", style_id:"loveStory", isClick:false},
      ],
      template_list:[]
    },
    /**
     * @param {*} options 
     * 点击模板打开编辑页面
     */
    edit:function(e){
      let index = e.target.dataset.index;
      if(index==undefined){
        this.setData({
          chooseEmpty:true,
        })
        wx.navigateTo({
          url: `../editor/editor?chooseEmpty=${this.data.chooseEmpty}&template_id=null`,
        })
        console.log(this.data.chooseEmpty)
      }else{
        this.setData({
          chooseEmpty:false,
        })
        wx.navigateTo({
          url: `../editor/editor?chooseEmpty=${this.data.chooseEmpty}&template_id=${this.data.template_list[index][0].template_id}`,
        })        
      }
      
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
      this.setData({
        bgurl:app.globalData.bgurl
      })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
      this.setData({
        bgurl:app.globalData.bgurl
      })
      wx.request({
        url:`${app.globalData.url}/editor/template/${app.globalData.userInfo.user_id}`,
        header:{'Content-Type':'application/x-www-from-urlencoded','authorization':`${wx.getStorageSync('login_key')}`},
        success: res => {
          if(res.statusCode==200){
            console.log(res);
            this.setData({
              template_list : res.data,
            })
          }
        },
        faile:err => {
          console.error(err)
        }
      })
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    },
})